
@import url("listTopbar.css");

#banner_box { height:255px; background:url(../Images/global/b_center.jpg) no-repeat 0 0; margin-bottom:20px;}
#b_flash { float:right;width:685px;/**border: 1px solid #E2E2E2;**/height: 253px;overflow:hidden; position: relative;}

#brand_box { width:480px; float:left; height:210px;  margin-bottom:20px; text-align:center;}
	#brand_box ul { display:block; /**width:465px; padding-left:5px;*padding-left:5px !important; *padding-left:5px;**/}
		.brand_logo {background: url("/Public/Images/brand/brand_item1.gif") no-repeat scroll transparent; height: 210px; width: 470px;margin-left:5px;cursor: pointer;position:relative;}
		.brand_logo img {height: 100px; width: 100px;float:left;margin: 40px 0 0 27px; padding-right:5px; border-right:1px #eaeaea dotted;}
		.brand_logo .title{text-align: left;color: #585858;float: left;font-size: 18px;height: 22px;line-height: 22px;font-weight: bold; margin-left: 25px; margin-top: 40px;width:300px}
		.brand_logo .content{color: #A4A4A4; float: left; font-size: 14px; font-weight: normal;line-height: 22px; margin-left: 27px; margin-top: 15px; text-align: left; width: 200px;}
		.brand_logo .link{position: absolute;left: 210px;top: 175px;width: 300px;}
		.brand_logo a{padding-bottom: 1px; border-bottom: 1px solid #CA0809;margin:0px 5px;}

#intro_box { margin-top:15px; margin-bottom:15px; height:auto;  /**padding-bottom:3px; border-bottom:1px solid #dfdfdf;**/}
	#intro_img { float:left; width:232px; height:283px; margin-right:15px; background-color:#fff; border:10px solid #ebebeb; text-align:center;}
	#intro {color: #000000;float: right;; width: 685px;}
	
.colorbox { margin:15px 0; display:block; height:20px; padding-top:1px; line-height:0; font-size:0;}
	#colorbar {float:left;display:block; margin-top:2px; border:none; width:60px;line-height:12px; font-size:12px;}
	.colorbox li { display:block; float:left; border:1px solid #ccc; padding:2px;width:12px; height:12px;margin-right:5px;}
		.colorbox a {display:block; width:12px; height:12px;}
		.nocolor { border:1px solid #000;background:url(/Public/Images/brand/bg.gif) no-repeat -308px 0; cursor:pointer;}
		#color_on { border:2px solid #666; margin-top:-1px;}
		.c_1 { background-color:#c80e0e; }
		.c_2 { background-color:#ec8243; }
		.c_3 { background-color:#f4e219; }
		.c_4 { background-color:#f5ecc3; }
		.c_5 { background-color:#3a9c24; }
		.c_6 { background-color:#8ee1ed; }
		.c_7 { background-color:#1f7ac0; }
		.c_8 { background-color:#8a36c0; }
		.c_9 { background-color:#f162a2; }

		.list_title { height:21px;border:1px solid #eaeaea;margin-top:10px;z-index:1; padding:10px 15px; margin-bottom:15px;}
		.list_title div{ float:left; width:45px; height:14px; font-weight:bold; color:#666; margin-top:4px; }
		.sel_opt { float:left; text-align:right; width:668px; }
			.sel_opt dt { float:left;  }
			.sel_opt dd { float:right; }			
		.sel_opt span { height:22px; display:inline-block; line-height:20px;}	
		.bynew { width:46px; background:url(/Public/Images/brand/newchannel_bg.gif) no-repeat -56px 0px;cursor:pointer; text-align:center; margin-right:5px; }
		.byup { width:95px; background:url(/Public/Images/brand/newchannel_bg.gif) no-repeat -102px 0px;cursor:pointer; text-align:center; margin-right:5px;}
		.prep {width:22px; background:url(/Public/Images/brand/newchannel_bg.gif) no-repeat 0 -22px;cursor:pointer; text-align:center; margin:0 5px; line-height:16px;}
		.nextp {width:61px; background:url(/Public/Images/brand/newchannel_bg.gif) no-repeat -22px -22px;cursor:pointer; text-align:center;}

		.sorted{color:#c90809;}


/**品牌详情的品牌故事那一页**/
.brand_story h2 {padding:5px 5px 0 2px; line-height:25px; margin-bottom:5px; margin-top:15px; border-bottom:1px dotted #336400;}
.brand_story p  {padding:2px 5px 2px 5px; line-height:22px;}
.brand_story li {list-style-type:square; list-style-position:inside;}
.brand_story ul {padding-left:10px;}
